<template>
	<div class="body">	
		<router-view></router-view>		
		<nav class="mui-bar mui-bar-tab" v-show="this.$store.state.showBottomTab">
			<router-link class="mui-tab-item  tabBarItem" to="/index" >
				<span class="mui-icon iconfont icon-xiazai45"></span>
				<span class="mui-tab-label tabSpanTxt">首页</span>
			</router-link>
			<router-link class="mui-tab-item tabBarItem" to="/products">
				<span class="mui-icon iconfont icon-nanzhuang"><span class="mui-badge">9</span></span>
				<span class="mui-tab-label tabSpanTxt">服装</span>
			</router-link>
			<router-link class="mui-tab-item tabBarItem" to="/shopcart">
				<span class="mui-icon iconfont icon-gouwuche"></span>
				<span class="mui-tab-label tabSpanTxt">购物城</span>
			</router-link>
			<router-link class="mui-tab-item tabBarItem" to="/usersetting">
				<span class="mui-icon iconfont icon-xingzhuanggongnengtubiao-"></span>
				<span class="mui-tab-label tabSpanTxt">设置</span>
			</router-link>
		</nav>
	</div>
</template>

<script>
	
window.onload = function(){
    getRem(750,100)
};
window.onresize = function(){
    getRem(750,100)
};
function getRem(pwidth,prem){
    var html = document.getElementsByTagName("html")[0];
    var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
    html.style.fontSize = oWidth/pwidth*prem + "px";
}
</script>

<style lang="scss" scoped>

/*.mt-button{border:none;outline: none;width: 1.2rem;height: .5rem;line-height: .5rem;font-size: .3rem;}
.m_head span{font-size: .5rem;display: inline-block;width: 3.2rem;height: .5rem;line-height: .5rem;color: #F6F6F6;}
.m_btn{height: .7rem;line-height: .7rem;width: 1.2rem;text-align: center;font-size: .4rem;}*/
</style>